#{extends 'padrao.html' /}
#{set title:'formCadastrarCidade.html' /}

			<!--FormConsulta de Cidades -->
			<h3>Consultar Cidades Cadastradas</h3>
			<form id="fomConsultarCidades" name="fomConsultarCidades" method="GET" action="@{Cidade.consultarCidades()}" width="300px">
				<table>
					<tr>
						<td>Código</td>
						<td>Cidade</td>
						<td>UF</td>
					</tr>
					<tr>
						<td><input size = "6px" type="text" name="aCodCidade" value=""/></td>
						<td><input size = "40px" type="text" name="aCidade" value=""/></td>
						<td>
							<select name="aUF">
								<option value = "">[Qualquer]</option>
								<option value = "AC">AC</option>
								<option value = "AL">AL</option>
								<option value = "AM">AM</option>
								<option value = "AP">AP</option>
								<option value = "BA">BA</option>
								<option value = "CE">CE</option>
								<option value = "DF">DF</option>
								<option value = "ES">ES</option>
								<option value = "GO">GO</option>
								<option value = "MA">MA</option>
								<option value = "MG">MG</option>
								<option value = "MS">MS</option>
								<option value = "MT">MT</option>
								<option value = "PA">PA</option>
								<option value = "PB">PB</option>
								<option value = "PE">PE</option>
								<option value = "PI">PI</option>
								<option value = "PR">PR</option>
								<option value = "RJ">RJ</option>
								<option value = "RN">RN</option>
								<option value = "RO">RO</option>
								<option value = "RR">RR</option>
								<option value = "RS">RS</option>
								<option value = "SC">SC</option>
								<option value = "SE">SE</option>
								<option value = "SP">SP</option>
								<option value = "TO">TO</option>	
							</select>
						</td>	
					</tr>
					<tr>
						<td><input nome = "btConsultar" type="submit"  value="Consultar"/></td>
						<td><input id = "btCadastrar" nome = "btCadastrar" type="button"  value="Cadastrar" onclick="viewForms('fomCadastrarCidade',350,15)"/></td>
					<tr>
				</table>
			</form>

			<h3>Cidades Cadastradas</h3>
			<table class="tabela_cont">
			<tr class = "tabela_cont_title" >
				<td width="100px">Código</td>
				<td width="450px">Cidade</td>
				<td width="30px">UF</td>
				<td width="55px"></td>
				<td width="55px"></td>
			</tr>
			#{list items: cidades,as: 'cidade'}
				<tr class="tabela_cont_ln1">
					<td>${cidade.getCodCidade()}</td>
					<td>${cidade.getNome()}</td>
					<td>${cidade.getUF()}</td>
					<td><a href="@{VSecretaria.formEditarCidade(cidade.getCodCidade())}" >Editar</a></td>
					<td><a href="@{Cidade.excluir(cidade.getCodCidade())}" >Excluir</a></td>
				</tr>
			#{/list}
		</table>

 <!-- Form cadastro de cidades-->
 
<div class = "classforms">

	
	<form id="fomCadastrarCidade" name="fomCadastrarCidade" method="POST" action="@{Cidade.cadastrarCidade()}" >
	<h3>Cadastrar Cidade</h3>
		<table>
			<tr>
				<td>Cidade</td>
				<td>UF</td>
			</tr>
			<tr>
				<td><input size = "25px"type="text" name="aCidade" value=""/></td>
				<td>
					<select name="aUF">
						<option value = "AC">AC</option>
						<option value = "AL">AL</option>
						<option value = "AM">AM</option>
						<option value = "AP">AP</option>
						<option value = "BA">BA</option>
						<option value = "CE">CE</option>
						<option value = "DF">DF</option>
						<option value = "ES">ES</option>
						<option value = "GO">GO</option>
						<option value = "MA">MA</option>
						<option value = "MG">MG</option>
						<option value = "MS">MS</option>
						<option value = "MT">MT</option>
						<option value = "PA">PA</option>
						<option value = "PB">PB</option>
						<option value = "PE">PE</option>
						<option value = "PI">PI</option>
						<option value = "PR">PR</option>
						<option value = "RJ">RJ</option>
						<option value = "RN">RN</option>
						<option value = "RO">RO</option>
						<option value = "RR">RR</option>
						<option value = "RS">RS</option>
						<option value = "SC">SC</option>
						<option value = "SE">SE</option>
						<option value = "SP">SP</option>
						<option value = "TO">TO</option>	
					</select>
				</td>
			</tr>
			<tr>
				<td>
					<input type="submit" id="btConfirmar" value="Cadastrar"/>
					<input type="button" id="btCancelar"  name="btCancelar" value="Cancelar" onclick="viewCancelForm()"/>
				</td>
				<td></td>
			<tr>
		</table>
	</form> 
</div> 